{include file="public/header"}
<title>会员</title>
      <style>
          body{
            width:100%;
            height:100%;
            margin:0;
            padding:0;
            background-color: #F7F7F7;
          }
          /*头部*/
          .top{
            height: 60px;
            width: 100%;
            background:rgba(22,26,39,1);
          }
          .top_box{
            width: 1200px;
            height: 100%;
            margin: 0 auto;
            align-items: center;

          }
          .top_name_left{
            width:38px;
            height:38px;
            background:rgba(52,99,230,1);
            border-radius:10px;
            margin-right: 10px;
          }
          .top_name{
            height:60px;
            font-size:24px;
            font-family:PingFangSC-Medium;
            font-weight:500;
            color:rgba(255,255,255,1);
            line-height:60px;
          }
          .top_name_r{
            width:76px;
            height:30px;
            border-radius:15px;
            border:1px solid rgba(255,255,255,1);
            margin-left:26px;
            align-items: center;
            justify-content: center;
            display: flex;
          }
          .top_name_r img{
            height: 16px;
            width: 16px;
          }
          .top_name_r span{
            height:22px;
            line-height: 22px;
            font-size:16px;
            font-family:PingFangSC-Regular;
            font-weight:400;
            color:rgba(255,255,255,1);
            margin-left: 3px;
          }
          .lii{
            height:22px;
            font-size:16px;
            font-family:PingFangSC-Regular;
            font-weight:400;
            color:rgba(255,255,255,1);
            line-height:22px;
            margin-right: 24px;
          }
          .top_login{
            margin-left: 36px;
            display: flex;
            align-items: center;
          }
          .top_login img{
            width: 28px;
            height: 28px;
          }
          .top_login span{
            height:22px;
            font-size:16px;
            font-family:PingFangSC-Regular;
            font-weight:400;
            color:rgba(255,255,255,1);
            line-height:22px;
            margin-left: 8px;
          }
          .top_marginR{
            margin-right: 16px;
          }
          /*头部*/

          /*footer1样式*/
          .footer{
            width:100%;
            height:130px;
            background:rgba(31,31,31,1);
            display: flex;
            align-items: center;
          }
          .footer_in{
            width: 1210px;
            margin: 0 auto;
            height:18px;
            font-size:13px;
            font-family:PingFangSC-Regular;
            font-weight:400;
            color:rgba(153,153,153,1);
            line-height:18px;
          }
          /*footer1样式*/
         .bar{
         	width:1200px;
         	height:57px;
         	align-items:center;
         	margin: 0 auto;
         	font-size:12px;
         	color:#999999;
         }
         .right_arrow{
         	width:14px;
         	height:14px;
         	margin-left:6px;
         	margin-right:6px;
         }
         .box{
         	width:1200px;
         	margin: 0 auto;
         	margin-bottom:30px;
         }
         .left{
        	width:150px;
         	background:#FFFFFF;
			box-shadow:0px 4px 10px 0px rgba(0,0,0,0.04);
			border-radius:4px;
			margin-right:20px;
			 height: 520px;
         }
         .right{
         	background:#FFFFFF;
			box-shadow:0px 4px 10px 0px rgba(0,0,0,0.04);
			border-radius:4px;			
         }
         .listt{
         	padding:0px 40px 0px 40px;
         }
         .avatar,.avatar img{
			width:80px;
			height:80px;
			border-radius:50%;
		}
		.avatar{
			margin:20px auto 10px;
		}
		.avatar img{
			object-fit: cover;
		}
		.phone{
			text-align:center;
			font-size:14px;
			color:#333;
			margin-bottom:20px;
		}
		.title{
			font-size:14px;
			color:#333;
			height:40px;
			line-height:40px;
      text-align: left;
      width: 58px;
      padding: 0 46px;
		}
		.hover:hover{
			text-decoration:underline;
			cursor:hand;
			cursor:pointer;
		}
		.blue{
			font-size:14px;
			color:#FFFFFF;
			height:40px;
			line-height:40px;
      text-align: left;
      width: 58px;
      padding: 0 46px;
			background-color:#3463E6;
		}
		/*列表的样式在这里*/
          .con_li{
            height: 184px;
            /*width: 100%;*/
            display: flex;
            align-items: center;
            padding-top:33px;
            padding-bottom:30px;
            border-bottom:1px solid #EDEDED;
          }
          .con_li > img{
            width: 245px;
            height: 100%;
          }
          .con_li > span{
            height:32px;
            font-size:26px;
            font-family:Helvetica-Bold;
            font-weight:bold;
            color:rgba(231,99,76,1);
          }
          .con_li_word{
            height: 100%;
            margin-left: 20px;
          }
          .con_li_top{
            height:24px;
            font-size:22px;
            font-family:PingFangSC-Medium;
            font-weight:500;
            color:rgba(51,51,51,1);
            line-height:24px;
            margin-bottom: 20px;
            align-items: center;
          }
          .con_li_ion{
            height:20px;
            font-size:14px;
            font-family:PingFangSC-Regular;
            font-weight:400;
            color:rgba(102,102,102,1);
            line-height:20px;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
          }
          .con_li_ion_marginb{
            margin-bottom: 16px;
          }
          .con_li_ion > img{
            width: 16px;
            height: 16px;
            margin-right: 10px;
          }
          .con_li_label{
            height: 30px;
            margin-top: 24px;
          }
          .con_li_labels{
            min-width: 60px;
            height:30px;
            background:rgba(230,237,255,1);
            border-radius:4px;
            margin-right: 10px;
            font-size:13px;
            font-family:PingFangSC-Regular;
            font-weight:400;
            color:rgba(53,86,179,1);
            line-height: 30px;
            text-align: center;
            padding: 0 10px;
          }
          /*列表的样式在这里*/
         .righttt{
         	width: 1030px;
         }
         .price{
         	font-size:14px;
         	color:#E7634C;
         	padding-top:63px;
         	/*padding-bottom:20px;*/
         	text-align:right;
         	clear:both;
         }
         .red{
         	font-size:26px;
         	font-weight:bold;
         }
         .phone{
         	font-size:14px;
         	color:#999;
         }
         .tel{
         	font-size:20px;
         	color:#333;
         }
         .aui-ellipsis-1 {
		  display: -webkit-box;
		  overflow: hidden;
		  text-overflow: ellipsis;
		  word-wrap: break-word;
		  word-break: break-all;
		  white-space: normal !important;
		  -webkit-line-clamp: 1;
		  -webkit-box-orient: vertical;
		}
		.btn1{
			width:80px;
			height:32px;
			border-radius:4px;
			border:1px solid rgba(52,99,230,1);
			font-size:14px;
			font-family:PingFangSC-Regular;
			font-weight:400;
			color:rgba(52,99,230,1);
			line-height:32px;
			text-align:center;
		}
		.btn2{
			margin-top:5px;
			float:right;
		}
		.vip1{
			width:1030px;
			height:182px;
			background: url(__IMG__/hui_bg1.png) no-repeat center center;
    		background-size: 1030px 182px;
		}
		.vip2{
			width:1030px;
			height:182px;
			background: url(__IMG__/hui_bg2.png) no-repeat center center;
    		background-size: 1030px 182px;
		}
		.vip3{
			width:1030px;
			height:182px;
			background: url(__IMG__/hui_bg3.png) no-repeat center center;
    		background-size: 1030px 182px;
		}
		.vip_inner{
			padding-top:33px;
			padding-left:42px;
			padding-right:40px;
			height:149px;
		}
		.vip_wrap{
			align-items:center;
			font-size:22px;
			font-family:PingFangSC-Medium;
			font-weight:500;
			color:rgba(255,255,255,1);
			line-height:30px;
		}
		.icon1{
			width:31px;
			height:27px;
			margin-right:7px;
		}
		.tipp{
			font-size:14px;
			font-family:PingFangSC-Regular;
			font-weight:400;
			color:rgba(255,255,255,1);
			line-height:14px;
			padding-top:24px;
		}
		.btn{
			width:114px;
			height:38px;
			background:linear-gradient(90deg,rgba(229,197,108,1) 0%,rgba(204,162,51,1) 100%);
			border-radius:4px;
			font-size:14px;
			font-family:PingFangSC-Medium;
			font-weight:500;
			color:rgba(255,255,255,1);
			line-height:38px;
			text-align: center;
		}
		.btnn{
			background:linear-gradient(90deg,rgba(52,99,230,1) 0%,rgba(45,91,222,1) 100%);
		}
		.bot{
			margin-top: 38px;
			font-size:14px;
			font-family:PingFangSC-Regular;
			font-weight:400;
			color:rgba(255,255,255,1);
			line-height:14px;
		}
		.xian{
			width:1px;
			height:15px;
			margin-left:10px;
			margin-right:10px;
		}
		.bnum{
			font-size:21px;
		}
		.xian1{
			width:1px;
			height:15px;
			background:rgba(255,255,255,1);
			opacity:0.4193;
			margin-left:17px;
			margin-right:17px;
		}
		.hidden{
			display:none;
		}
      </style>
  </head>
  <body>

	<div class="bar flex-wrap">
		置家优选 <img src="__IMG__/right_arrow.png" class="right_arrow" />个人中心
	</div>
	<div class="box flex-wrap">
		{include file="public/body"}
		<div class="righttt flex-con">
			<div class="right">
				<!--季度会员-->
				<div class="vip1"
				{if $config.mc_auth==2}style="background: url(__IMG__/hui_bg1.png) no-repeat center center;"{/if}
				{if $config.mc_auth==3}style="background: url(__IMG__/hui_bg3.png) no-repeat center center;"{/if}
				{if $config.mc_auth==4}style="background: url(__IMG__/hui_bg2.png) no-repeat center center;"{/if}>
					<div class="vip_inner">
						<div class="vip_wrap flex-wrap">
							<img src="__IMG__/hy_icon1.png" class="icon1" />置家优选{$authstrs[$user['user_auth']]}
						</div>
						<div class="flex-wrap">
							<div class="tipp flex-con">您现在是{$authstrs[$user['user_auth']]}、可享受每日置顶{$config.mc_top}次、每日刷新{$config.mc_fresh}次、每日发布{$config.mc_fabu}，置家优选助力成交每一天！</div>
							<div class="btn" onclick="location.href='{:url('home/Release/newHouse')}'">立即发布</div>
						</div>
						<div class="bot flex-wrap">
							<div>剩余刷新包：</div>
							<div class="bnum">{$config.mc_fresh-$user.user_fresh_use>0 ?: '0'}</div>
							<img src="__IMG__/xian.png" class="xian" />
							<div>剩余置顶包：</div>
							<div class="bnum">{$config.mc_top-$user.user_top_use>0 ?: '0'}</div>
							<div class="flex-con"></div>
							<div class="">开通日期：{$user.user_auth_start}</div>
							<div class="xian1"></div>
							<div class="">到期日期：{$user.user_auth_end}</div>
						</div>
					</div>
				</div>
				<!--季度会员-->
				<!--11-->
				<div class="listt">
					{volist name='data' id='d'}
					<div class="con_li">
				      <img src="{$d.h_img}" alt="">
				      <div class="con_li_word flex-con">
				        <div class="con_li_top flex-wrap">
							<div class="flex-con aui-ellipsis-1">{$d.h_title}</div>
							<div class="btn1" {if $d.canfresh == 1} style="cursor: pointer;" onclick="userbag({$d.h_id},2);" {/if}>
								{if $d.canfresh == 1}
								立即刷新
								{else /}
								已刷新
								{/if}
							</div>
				        </div>
				        <div class="flex-wrap">
					        <div class="flex-con">
						        <div class="con_li_ion">
						          <img src="__IMG__/ion2.png" alt="">
						          <span>{$d.district}/{$d.h_xiaoqu}</span>
						        </div>
						        <div class="con_li_ion con_li_ion_marginb">
						          <img src="__IMG__/home.png" alt="">
						          <span>{$d.h_shis}室{$d.h_tings}厅</span>
						        </div>
						        <div class="con_li_ion">
						          <img src="__IMG__/area.png" alt="">
						          <span>{$d.h_mianji}m² </span>
						        </div>
						        <div class="con_li_label flex-wrap">
									<?php $d['h_sign'] = explode(',',trim($d['h_sign'],',')); ?>
									{volist name="$d['h_sign']" id='h'}
									<div class="con_li_labels">
										{$types[$h]}
									</div>
									{/volist}
						        </div>
					      </div>
					      <div>
					      	<div class="btn1 btn2" {if $d.cantop == 1} style="cursor: pointer;" onclick="userbag({$d.h_id},1);" {/if}>
								{if $d.cantop == 1}
								立即置顶
								{else /}
								已置顶
								{/if}
							</div>
					      	<div class="price">
								{if $d.h_type == 1}
								<span class="red">{$d.h_price}</span>元/月
								{else /}
								<span class="red">{$d.h_price}</span>万
								{/if}
							</div>
					      </div>
					      </div>
				      </div>
				    </div>
					{/volist}
					<ul class="pagination flex-con" style="display: flex;justify-content: flex-end;">
						{$data->render()}
					</ul>
			    </div>
			    <!--11-->
			</div>
		</div>
	</div>

	{include file="public/foot1"}
  </body>
  </html>
<script src="/static/admin/js/jquery.min.js"></script>
<script type="text/javascript">
	function userbag(hid,type) {
        $.ajax({
            url: '/home/User/useBagInHome',
            data: {'h_id':hid,'type':type},
            type: 'POST',
            dataType: 'JSON',
            success: function (returnData) {
                alert(returnData.msg);
                if(returnData.status == 200){
                    location.reload();
				}
            },
            error: function () {
                alert('ajax error，请刷新重试');
            }
        })
    }
</script>